<!--
 * @Descripttion: 此文件由SCUI生成，典型的VUE增删改列表页面组件
 * @version: 1.0
 * @Author: SCUI AutoCode 模板版本 1.0.0-beta.1
 * @Date: <%= createDate %>
 * @LastEditors: (最后更新作者)
 * @LastEditTime: (最后更新时间)
-->

<template>
	<el-form
		:model="form"
		:rules="rules"
		:disabled="mode == 'show'"
		ref="dialogForm"
		label-width="100px"
		label-position="left"
	>
		<% column.forEach(function(item, index){ %>
		<el-form-item label="<%= item.label %>" prop="<%= item.prop %>">
			<el-input v-model="form.<%= item.prop %>" clearable></el-input>
		</el-form-item>
		<% })%>
	</el-form>
</template>

<script>
export default {
	props: {
		mode: { type: String, default: "add" }
	},
	data() {
		return {
			//表单数据
			form: {
				<%= base.rowKey %>:"",
				<% column.forEach(function(item, index){ %>
				<%= item.prop %>: "",
				<% })%>
			},
			//验证规则
			rules: {
				<% column.forEach(function(item, index){ %>
				<%= item.prop %>: [
					{required: true, message: '请输入<%= item.label %>'}
				],
				<% })%>
			},
		}
	},
	mounted(){

	},
	methods: {
		//表单提交方法
		submit(callback){
			this.$refs.dialogForm.validate((valid) => {
				if (valid) {
					callback(this.form)
				}else{
					return false;
				}
			})
		},
		//表单注入数据
		setData(data){
			this.form.<%= base.rowKey %> = data.<%= base.rowKey %>
			<% column.forEach(function(item, index){ %>
			this.form.<%= item.prop %> = data.<%= item.prop %>
			<% })%>
			//可以和上面一样单个注入，也可以像下面一样直接合并进去
			//Object.assign(this.form, data)
		}
	}
}
</script>

<style></style>
